<!DOCTYPE HTML>
<html>
<head>
<title>Shutter Bootstarp Website Template | Home :: w3layouts</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!--<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<script src="js/bootstrap.min.js"></script>-->
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts---->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,500,700,900' rel='stylesheet' type='text/css'>
<!----//webfonts---->
<!----//requred-js-files---->
<script src="js/easing.js"></script>
	<script type="text/javascript" 	src="js/jquery.smint.js"></script>
		<script type="text/javascript">
			$(document).ready( function() {
			    $('.subMenu').smint({
			    	'scrollSpeed' : 1000
			    });
			});
		</script>	
</head>
<body>

  	<div class="header">
		
	    <div class="slider_container sTop">
  	
			  
                <nav class="subMenu navbar-custom navbar-scroll-top smint" role="navigation">
	        <div class="container">
	            <div class="navbar-header page-scroll">
	                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-main-collapse">
	                    <img src="images/nav-icon.png" title="drop-down-menu"> 
	                </button>
	            </div>
	            <!-- Collect the nav links, forms, and other content for toggling -->
	            <div class="navbar-collapse navbar-left navbar-main-collapse collapse" style="height: 1px;">
	                <ul class="nav navbar-nav">
	                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
	                    <li class="active">
	                        <a id="sTop" class="subNavBtn active" href="#">Inicio</a>
	                    </li>
						     <li class="page-scroll">
	                        <a id="s3" class="subNavBtn" href="#pag2">Inicio session</a>
	                    </li>
	                     <li class="page-scroll">
	                        <a id="s4" class="subNavBtn" href="#about">informacion</a>
	                    </li>
	                   <li class="page-scroll">
	                        <a id="s5" class="subNavBtn" href="#contact">Contactos</a>
	                    </li>
	                </ul>
	            </div>
	            <!-- /.navbar-collapse -->
	             	<a id="s4" class="right-msg subNavBtn msg-icon" href="#"><span> </span></a>
	                <div class="clearfix"> </div>
	        </div>
	        <!-- /.container -->
   	  </nav>
              <script src="js/jquery.wmuSlider.js"></script> 
				 <script>
       			   $('.example1').wmuSlider();         
   			     </script> 	           	     
   	     
	</div>  
   <div class="services s2" id="services">
   	  <div class="container">
   	  	<h2 class="service_head">Nuestros servicios</h2>
   	   <div class="row text-center">
   	    <div class="col-md-3 service_grid">
   		  <i class="icon1"> </i>
   		  <h3 class="m_1"><a href="#">Envio a domicilio</a></h3>
   		  <p class="m_2">Te enviamos tu producto hasta tu casa.</p>
   		</div>
   		<div class="col-md-3 service_grid">
   		  <i class="icon2"> </i>
   		 <h3 class="m_1"><a href="#">Medios de pago</a></h3>
   		  <p class="m_2">Puedes realizar tu pago con distintas tarjetas..</p>
   		</div>
   		<div class="col-md-3 service_grid">
   		  <i class="icon3"> </i>
   		  <h3 class="m_1"><a href="#">Clientes satisfechos</a></h3>
   		  <p class="m_2">Si tu producto llega con algun defecto,  el envio es gratis.</p>
   		</div>
   		<div class="col-md-3">
   		  <i class="icon4"> </i>
   		  <h3 class="m_1"><a href="#">Facturación</a></h3>
   		  <p class="m_2">Tambien contamos con facturación electronica </p>
   		</div>
   	  </div>
   	  </div>
   	</div>
    <div class="photograph" >
   	 <div class="signup s3" id="signup">
	 <div class="container" id="pag2">
   		<div class="slider-left">
		  <h1>Inicio session</h1>
		  <p class="top_desc">Disfrutara las mejores ofertas y podructos</p>
			<div class="contact-form">
			   <form method="post" action="validar.php">
				 <input type="text" class="textbox" value="nombre" name="nombre" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'usuario';}">
				 <input type="text" class="textbox" value="contrasena" name="contrasena" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'contrasena';}">
				<input type="submit" value="inicio sesion">
			   </form>
			</div>
		</div>
   	  </div>
   	</div>
   	
       <div class="container">
   			<h3 class="m_3">NO TE HAS REGISTRADO ? <br> registrate ahora </h3>
   			<div class="contact-form">
			   <form method="post"  action="agregar.php">
				 <input type="text" class="textbox" value="Nombre de usuario" name="nombre" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'usuario';}">
				 <input type="text" class="textbox" value="Contraseña" name="contrasena" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'contrasena';}">
				 <input type="text" class="textbox" value="Email" name="correo" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'correo';}">
				 <input type="submit" value="guardar">
			   </form>
			</div>
   		</div>
   	</div>
    <div class="about s4" id="about">
   		<div class="container">
   			<h3 class="m_4">Informacion</h3>
   			<p class="m_5">En la ferreteria shutter puedes encontrar distinta variedad de productos y poder adquirirlos desde linea</p>
   			<div class="row text-center">
   				<div class="col-md-3 about-grid text-center">
   				  <img src="images/pic1.png" class="img-responsive" alt=""/>
   				  <h3><a href="#">Maria Gomez<br>Gerente general</a></h3>
   				  
   				</div>
   				<div class="col-md-3 about-grid text-center">
   				  <img src="images/pic3.png" class="img-responsive" alt=""/>
   				  <h3><a href="#">Oscar Nulutahua<br>Gerente de ventas</a></h3>
   				  </div>
   				<div class="col-md-3 about-grid text-center">
   				  <img src="images/pic2.png" class="img-responsive" alt=""/>
   				  <h3><a href="#">Lucia Santiago<br>Mercadotecnia</a></h3>
   				 </div>
   				<div class="col-md-3 about-grid text-center">
   				  <img src="images/pic4.png" class="img-responsive" alt=""/>
   				  <h3><a href="#">Luis Santiago<br>Informatica</a></h3>
   				 </div>
   			</div>
   		</div>
   	</div>
   	<div class="contact s5" id="contact">
   		<div class="container">
   			<div class="row">
   				<div class="col-md-8 contact_left">
   					<h3>QUEREMOS SABER TU OPINIÓN</h3>
   					<p class="m_6">En esta sección tu podras mandarnos tu opinión sobre Shutter</p>
   					<p class="m_7"> Queremos saber que piensas de nuestro servicio </p>
   					<ul class="contact_info">
			  	<li><i class="pin"> </i><span>5 poniente Norte 334 Colonia centro <br>Tuxtla Gutierrez, Chiapas </span></li>
			  	<li><i class="mobile"> </i><span>Tel: 961- 256-78-89<br>Fax: 961- 89-23-56</span></li>
			  	<li><i class="message"> </i><span class="msg">shutter@hotmail.com</span></li>
			  </ul>
   				</div>
   				<div class="col-md-4">
   					<div class="contact_right">
   				<div class="contact-form_grid">
				   <form method="post" action="#">
					 <input type="text" class="textbox" value="Your name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your name';}">
					 <input type="text" class="textbox" value="Your email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your email';}">
					 <input type="text" class="textbox" value="Subject" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Subject';}">
					 <textarea value="Message:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Message</textarea>
					 <input type="submit" value="Enviar">
				   </form>
			      </div>
   			     </div>
   				</div>
   			</div>
   		</div>
   	</div>
   	<div class="footer">
   		<div class="container">
   			<div class="copy">
		       <p>&copy; 2014 Template by <a target="_blank"> Luis Daniel Santiago Hernandez</a></p>
		    </div>
		    <div class="social">	
		      <ul>	
			   <li class="facebook"><a href="#"><span> </span></a></li>
			   <li class="twitter"><a href="#"><span> </span></a></li>
			   <li class="rss"><a href="#"><span> </span></a></li>	
			   <li class="google"><a href="#"><span> </span></a></li>			
		     </ul>
			</div>
			<div class="clearfix"></div>
   		</div>
   	</div>
   	<script src="js/bootstrap.min.js"></script>
</body>
</html>

